<template>
  <div>
    <i-scroller-box ref="i-scroller-box" :url="'ShopProduct/getList'" :height="500">
      <template v-slot:list-item="{index,data}">
        <product-list-item :index="index" :show-type="0" :curr-product="data"></product-list-item>
      </template>
<!--      <ul slot="content-list" id="demo-content-list">
        <li v-for="i in 5">Pretty row {{ i }}</li>
      </ul>-->
    </i-scroller-box>
  </div>

</template>

<script>
import IScrollerBox from '../common/IScrollerBox'
import ProductListItem from '../common/ProductListItem'
export default {
  name: 'IScrollerDemo',
  components: {ProductListItem, IScrollerBox},
  data: function () {
    return {
      reflushOffset:20,
      topLoading: false,
      bottomLoading: false,
    }
  },
  mounted () {
    this.$refs['i-scroller-box'].getList({})
  }
}
</script>

<style scoped>

</style>
